前言

的出现，其快速出图能力大大提升了设计师定稿的效率； 其富有想象力的画面极大地拓宽了设计师的思维边界； 其多领域专业化的特点，成为设计师跨领域作战的神器。

借助绘图，UI设计可以从5个方向入手：

1.确定接口载体

U1/UX接触的硬件接口载体复杂。 手机、电脑、平板笔记本、手表在C端领域普遍存在； B端领域不仅仅是笔记本端，还有大屏、车机系统……

1) 笔记本端

常见的界面类型包括网页设计和客户端设计。 以网页为例，勾勒出的网页包括LOGO、导航栏、位置、主打产品，各个模块之间的宽度比较规整，一看就足够美观。在原型制作阶段，可以用作结构参考

Ane-,,,ui

2）移动端

可以做什么，包括但不限于icon、appui、宣传/运营图解、logo、吉祥物……下面展开。 以一个常见的应用程序界面为例。

一种植物油，深绿色，

3）平板端

类似于笔记本和手机的高亮方式。

aane-,,,ui

4) 手表终端

腕表UI设计作为设计风格和布局参考

关于应用程序的应用程序，

5）大屏终端

大屏使用时，国外界面设计不太一致。 因此，选择填充的方法更能产生疗效。 实际工作中，大屏的设计布局更多受限于具体需求，AI图仅作为某种风格的参考。

,data,,UI/UX,---ar16:9

6）车载终端

车载HMI更多的是视觉效果。 具体的应用场景还是比较有限的。

HMI for, , ui, ux

2.指定接口类型‍

在日常的UI界面中，需要设计的内容有很多种。 以中国联通的界面为例，一个APP涉及到应用图标、启动页、界面、设计、活动页面/海报、吉祥物、应用图标等多项内容。

1) 应用程序图标

可以生成各种类型的图标。 应用程序图标，应用程序图标； 平面、轻拟物、拟物风格、游戏风格……

音频应用图标,,,,

没有圆边应用程序标志，平面应用程序图标的可爱的 脸，白色

2)

有两种类型的应用程序。 它可以生成整个画面，只需设置所需的ar ratio。 也可以生成主视觉图，然后自己自动展开背景。这两种方式都需要自动添加copy in

A。 生成整个视觉

,home,rock,,,Plant,super,style,,,,,flat,,ratio--ar21:9

b. 生成一些视觉元素

A and,high,,flat,on

3) 起始页

启动页的设计不宜过于复杂。 带有带有应用程序名称和推广的简单插图是很常见的。 因为很难控制生成想要的文字，所以还是需要生成背景干净的插画，后期自动添加文案。

A。 常规型

There is a of the,,,toys,

b. 插画师

,::2,,::2,,by,UI/UX,city,8k,,,high,--ar1:2

4) 吉祥物

未能完全控制同一形状的多个方向和状态。所以更多的是使用生成的吉祥物作为建模的参考

,cute,3D,C4D,,,OC,,,high,8k

5) 状态说明

专业领域。 如果你想控制产生看起来像一系列插图的东西。 尽量保持描述一致（场景、形状、颜色），每次只修改关键部分。

带帽子的女孩在路上,在车前,是城市,平,用户界面,图形用户界面,,白色,颜色

6) 标志

制作LOGO时，描述需要足够准确，如果出现不想要的结果，可以通过--no命令控制

带有文本的 徽标：“”

3.生成特定元素

UI中的界面往往需要加入特定的设计元素来装饰画面

1) 旅游相关产品

对于交通出行，往往需要3D卡车、地图等元素来装饰界面。 原来需要在建模或平面软件中自行绘制，现在可以直接生成使用。 这些一般作为装饰品使用，造型要求不高。

,,,c4d,

2）直播相关产品

对于现场表演，需要一系列礼物图标。 这些系列对形状、颜色、角度的统一性要求比较高。 通过控制一致性描述网页设计制造，可以初步实现。 由于人工智能在建模方面更具想象力，因此它也非常适合指导建模。

,,3d,sleek,,pink,and,,black,,neon,high,3d,c4d,oc,super,best,,8k

3）会员相关产品

‍会员相关类往往需要使用勋章和卡片来代表等级状态。 借助快速生成，我们也可以在后期进行调整。 如果想更好的控制疗效，可以考虑垫贴图的形式。

勋章，扁平

4.设置界面颜色

配色是UI中非常重要的一部分，选择合适的配色方案也可以帮助你的应用在市场中脱颖而出，吸引更多用户。 如果您正在考虑选择配色方案，请考虑以下因素：颜色的情感功效、颜色的对比度和可读性以及与品牌标识的一致性。 因此，在选择配色方案时，需要考虑多个因素，以确保最终结果是完美的。

1）指定颜色

根据产品的调性指定搭配，比如电商，配色上会用到白色和橙色； 旅行可以考虑红色和绿色； 影视或者游戏，考虑到视觉冲击，也可以使用深色配色……另外，可以指定配色效果，比如渐变色、霓虹色……

,page,,,,,High—ar4:3

2）形容气氛的感觉

有时我们很难指定具体的配色。 你可以告诉 AI 你想要图片中的特定氛围是什么。例如：梦幻般的柔和色调调色板

UIof,page,,,Color,High

5.指定设计师风格

说到平面设计，我会想到原研哉； 说到建筑设计，我会想到贝聿铭和扎哈·哈迪德； 同样，UI领域也有知名设计师，设计风格独树一帜。

绘图时，您可以指定特定的设计器样式。 事实上，有时跨领域设计可以起到意想不到的疗效。

1）UI领域设计师

一些活跃于.

UIofA'sblog,page,,,,,High，byLe

2）跨界设计师

有时结合跨领域的设计风格，可以碰撞出不同的色调。

me/manga,页面,动漫风格,复古,Hayao'

结尾

2023年可以称为AIGC元年。 然而，工具的到来网页设计制造，却是设计师们的狂欢。 整体体验之后，我们会发现AI绘图工具更倾向于绘画创作。 对于视觉基础薄弱的纯UI朋友，AI工具大大降低了视觉速写的门槛。 只要描述足够准确，成品图就可以达到商业化的水平。 对于视觉设计的朋友来说，AI作为一种工具，无论是作为一种思维方式的拓展，还是作为一种造型和配色的思路，都对创作有很大的帮助。

进入V5版本后，bug内容有了很大的改善。 现在AI已经进入大爆燃期，一周出三个版本的情况并不少见。 或许在不久的将来，AIGC 会像 Figma 一样成为设计师必备的工具。

官方APP即将上线

马蜂窝App变“甜”了！

陌陌的这两个按钮惊呆了我

“你在看”是最好的肯定和鼓励